<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>挂号记录</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weui.css" />
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weuix.css" />
    <script src="/lobsteruiframe/weui/js/zepto.min.js"></script>
    <script src="/lobsteruiframe/weui/js/zepto.weui.js"></script>
    <script src="/lobsteruiframe/weui/js/swipe.js"></script>
    <script src="/lobsteruiframe/weui/js/macy.js"></script>
    <script src="/jslib/lobster.js"></script>
    <script src="/jslib/template-web.js"></script>

    <script src="../js/regrecord.js"></script>

    <style>
        .padding-2 {
            padding: 2px;
        }

        .top {
            border-bottom: 1px solid #e8e8e8;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            z-index: 99999;
            background: #F6F6F9;
            //padding: 5px;
        }

        .weui-cells {
            margin-top: 0 !important;
        }

        .label {
            margin: 0.3125em 0.3125em 0 0;
            display: inline-block;
            position: relative;
            line-height: 1.4em;
            height: 1.4em;
            padding: 0 0.625em;
            border: 1px solid #cacccd;
            border-radius: 0.1875em;
        }
    </style>
</head>

<body ontouchstart class="page-bg">


    <div class="top">
        <div class="weui-cells" style="  height: 44px;background: #F8F8F8;  ">
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd" style="text-align: center;" id="patiengdiv">
                    <p id="selectedPatient">全部</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>
    </div>
    <div class="page-bd" style="margin-top:45px;" id="div_data">
       
    </div>
    <div class="weui-loadmore hide" id="more">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">正在加载</span>
    </div>

    <div id="half" class='weui-popup__container popup-bottom'>
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <div class="toolbar">
                <div class="toolbar-inner">
                    <a href="javascript:;" class="picker-button close-popup">关闭</a>
                    <h1 class="title">选择就诊人</h1>
                </div>
            </div>
            <div class="modal-content" style="min-height: 300px;">
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cells" id="sidebaritem">

                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>

<script id="tplcard" type="text/html">
    {{if(list.length>0)}}
    {{each list }}
    <a class="weui-cell weui-cell_access carditem" href="javascript:;" data-info="{{$value}}" style="padding:6px 15px;">
        <div class="weui-cell__bd">
            <p> {{$value.Name}} : {{$value.IDCard}}</p>
        </div>
    </a>
    {{/each}}

    {{else}}
    <a class="weui-cell weui-cell_access bindcard" href="javascript:;" style="padding:6px 15px;">
        <div class="weui-cell__bd">
            <p style="display: flex; align-items: center;"> 暂无符合要求的卡片，去绑卡</p>
        </div>
    </a>
    {{/if}}
</script>

<script type="text/template" id="tplrecord">

    {{each list }}
   <div class="weui-panel weui-panel_access" style="margin-top: 5px;" >
        <div class="weui-panel__hd">
            <div class="weui-flex">
                <div class="weui-flex__item weui-media-box__title" style="color:#333">
                     {{$value.PatName}}
                </div>
                <div class="weui-flex__item " style="text-align:right; ">
                   <label class="label">{{$value.RegStateName}}</label> 
                </div>
            </div>
        </div>
        <div class="weui-panel__bd itemdata"  data-info="{{$value}}">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="{{$value.UPic || '../images/doc_chat.png'}}" alt="">
                </div>
                <div class="weui-media-box__bd">
                    <p class="page-hd-desc padding-2">
                        {{$value.EmpName}}
                        {{$value.RankName}}
                        {{$value.DeptName}}
                    </p> 
                    <p class="page-hd-desc padding-2">
                        下单时间:{{$value.CreateTime}}
                    </p>
                    <p class="page-hd-desc padding-2">
                        就诊时间:{{$value.RegDate}} {{$value.RegRange}}
                    </p>
                </div>
            </a>
        </div>
        <div class="weui-panel__hd actiondiv" style="text-align: right; margin-right: 10px;padding:5px;border-top: 0px solid #E5E5E5;">
            {{if($value.RegState ==1 || $value.RegState ==2)}}
            <a href="javascript:;" class="weui-btn weui-btn_mini b-orange cancelregister" data-info="{{$value}}">取消预约</a>
            {{/if}}
            <!-- <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_warn">付款</a> -->
        </div>
    </div>
    {{/each}}
</script>